<!DOCTYPE html>
<html>
  <head>
    <title>MyHtml.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
  
<template>
  
<!--搜索表单【开始】-->
	<el-collapse class="page-collapse">
		<el-collapse-item  name="1"> <template slot="title"><svg-icon icon-class="search" />&nbsp;条件过滤</template>
			<el-form class="page-searchbar" ref="form" :model="params" label-width="80px" size="small">
				<el-row>
					<el-col :span="6">
						<el-form-item label="文件名：" :label-width="formLabelWidth" >
							<el-input v-model="params.fileName" placeholder="联系人" clearable></el-input>	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="导入时间：" :label-width="formLabelWidth" >
							<el-date-picker
								style="width:100%"
								v-model="addTime"
								@change="addTimeChange"
								type="daterange"
								value-format="yyyy-MM-dd"
								range-separator="-"
								start-placeholder="导入时间(开始)"
								end-placeholder="导入时间(结束)"
								clearable>
							</el-date-picker>
						</el-form-item>
					</el-col>
					<el-col :span="6">
							&nbsp;
					</el-col>
					<el-col :span="6">
						<div class="sch_button" style="float: right;">
							<el-button type="success"  size="small"  @click="search()">查询</el-button>
							<el-button  size="small"  @click="resetSearch()">清空</el-button>
						</div>
					</el-col>
				</el-row>
			</el-form>
		</el-collapse-item>
	</el-collapse>
<!--搜索表单【结束】-->
  
  
<!--列表【开始】-->
	<div class="page-listtable">
		<el-table
			v-loading="listLoading"
			:data="list"
			element-loading-text="列表加载中..."
			border
			fit
			highlight-current-row
			size="small"
			>
					
			<el-table-column label="名称" align="center" width="280" fixed >
				<template slot-scope="scope">{{ scope.row.name }}</template>
			</el-table-column>	
						
			<el-table-column label="记录总数" align="center" width="100"  >
				<template slot-scope="scope">{{ scope.row.totalNumber }}</template>
			</el-table-column>	
						
			<el-table-column label="有效记录" align="center" width="100"  >
				<template slot-scope="scope">{{ scope.row.number }}</template>
			</el-table-column>	
					
		</el-table>
	</div>
<!--列表【结束】-->

<!--分页器【开始】-->
	<div class="page-pagination">
		<el-pagination
			:page-sizes="[2,10, 20, 30, 50]"
			:page-size="params.limit"
			layout="total, sizes, prev, pager, next, jumper"
			:current-page="params.page"
			:total="total"
			@size-change="pageSizeChange"
			@current-change="currentPageChange">
		</el-pagination>
	</div>
<!--分页器【结束】-->
  
  
  
  
  
  
  
  
  
  
</template>
<script>
import { customerImportList } from "@/api/customer/customer";//查询列表接口{用到的方法名写在大括号里面，多个逗号隔开}


</script>
  </body>
</html>
